<template>
  <CommTitle>
  </CommTitle>
  <div class="left">
    <Left1></Left1>
    <Left2></Left2>
    <Left3></Left3>
  </div>
  <div class="right">
    <Right1></Right1>
    <Right2></Right2>
    <Right3></Right3>

  </div>
</template>

<script setup>

import CommTitle from '@/components/title.vue';
import Left1 from './left1.vue';
import Left2 from './left2.vue';
import Left3 from './left3.vue';
import Right1 from './right1.vue';
import Right2 from './right2.vue';
import Right3 from './right3.vue';
</script>

<style scoped>
.left{
  width: 23%;
  height: calc(100% - 10px);
  /* margin: 70px 0 30px 1.4%; */
  /* margin-bottom:20px;
  margin-left:1%; */
  /* top: 100px; */
  /* float: left; */
  position: fixed;

}
.right{
  width: 23%;
  height: calc(100% - 100px);
  margin: 70px 2% 30px 0;
  float: right;
}
</style>